@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {

}
@layer components {
  .text-editor {
    @apply prose prose-base;
    h1,h2,h3,h4,h5,h6{
      margin: 0;
    }
    ul{
      margin: 0;
    }
    ol{
      margin: 0;
    }
    p{
      margin: 0;
    }
    table{
      margin: 0;
    }
  }
  .Page {
    @apply  bg-white   transform my-2 text-editor;
    padding: 10mm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  }
  @media print {
    .Page { page-break-after: auto;}
  }
  p {
    word-break: break-all;
  }
  p > img {
    display: inline;
  }
  img.ProseMirror-separator {
    display: inline !important;
    border: none !important;
    margin: 0 !important;
  }
  .has-focus {
    border-radius: 1px;
    box-shadow: 0 0 0 1px blue;
  }
  .mention{
    @apply bg-blue-100 text-blue-800;
  }
}
